$(function () {
  $("#link_reg").click(function () {
    $(".login-box").hide();
    $(".reg-box").show();
  });
  $("#link_login").click(function () {
    $(".reg-box").hide();
    $(".login-box").show();
  });

  // 解构的方式获取layui里的key属性
  const {form}= layui;
  // console.log(form);
  form.verify({
    pwd: [/^[\S]{6,12}$/, "密码不符合规则，且不能有空格"],
    repwd: function (value) {
      const pwd = $(".reg-box [name=password]").val();
      if (pwd !== value) return "两次输入密码不一致";
    },
  });

  // 注册表单
  $("#form_reg").submit(function (e) {
    e.preventDefault();
    $.ajax({
      method: "post",
      url: "api/reguser",
      data: {
        username: $("#form_reg [name=username]").val(),
        password: $("#form_reg [name=password]").val(),
      },
      success:function(res){
          if(res.status !== 0) return layer.msg(res.message);
          layer.msg('注册成功！请登陆');
        //   console.log(res.message);
        //   console.log(11);
        $('#link_login').click()
      }
    });
  });

  // 登陆表单
  $('#form_login').submit(function(e){
      e.preventDefault();
      $.ajax({
          method:'post',
          url:'api/login',
          data: $(this).serialize(),
          success:function(res){
              if(res.status !== 0) return layer.msg(res.message);
              layer.msg('登陆成功')
            //   console.log(res);
            // token是用来访问权限的,存在本地
              localStorage.setItem('token',res.token);
              location.href='/index.html'
          }
              
      })
  })
});
